{include file="public/header" /}
<style>
    .layui-icon {
        font-size: 15px !important;
    }

    .nav {

        display: block;
        position: relative;
    }

    .nav-counter {
        position: absolute;
        top: 15px;
        right: -15px;
        min-width: 15px;
        height: 15px;
        font-size: 10px;
        line-height: 15px;
        margin-top: -11px;
        /*padding: 1px 4px 1px 2px;*/
        padding-right: 2px;
        color: white;
        text-align: center;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
        background: red;
        border: 1px solid red;
        border-radius: 50%;

        -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
        box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
    }

    .nav-counter-blue {
        background: red;
        border: 1px solid red;

    }
    .layui-logo>img{
        padding: 5px;
        margin-left: -10px;
        margin-right: 10px;
    }
</style>
<body class="layui-layout-body">
<div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <!-- 头部区域 -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item layadmin-flexible" lay-unselect>
                    <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                        <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                    </a>
                </li>

                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" layadmin-event="refresh" title="刷新">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>

            </ul>
            <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">

                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="fullscreen">
                        <i class="screen layui-icon layui-icon-screen-full"></i>
                    </a>
                </li>

                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;">
                        <cite>{$_admin.admin_name}</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a layadmin-event="changePwd">修改密码</a></dd>
                        <dd style="text-align: center;"><a layadmin-event="signOut">退出</a></dd>
                    </dl>
                </li>

                <!-- <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a layadmin-event="notice" title="消息通知">
                        <i class="layui-icon layui-icon-notice nav">
                            {if $noticeCount > 0}
                            <span class="nav-counter nav-counter-blue noticeCount">{$noticeCount}</span>
                            {/if}
                        </i>
                    </a>

                </li> -->
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a layadmin-event="clearCache" title="清除缓存">
                        <i class="layui-icon layui-icon-fonts-clear"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="theme" title="配色方案">
                        <i class="layui-icon layui-icon-theme"></i>
                    </a>
                </li>
                <!-- <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="/" target="_blank" title="前台"><i class="layui-icon layui-icon-website"></i></a>
                </li> -->

                <!--                <li class="layui-nav-item layui-hide-xs" lay-unselect="">-->
                <!--                    <a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>-->
                <!--                </li>-->
                <!-- <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
                    <a href="/" target="_blank" title="前台"><i class="layui-icon layui-icon-website"></i></a>
                </li> -->
            </ul>
        </div>

        <!-- 侧边菜单 -->
        <div class="layui-side layui-side-menu">
            <div class="layui-side-scroll">
                <div class="layui-logo" lay-href="home/console.html" >
                    <span>{:cache('system')['web_site_title']}</span>
                </div>

                <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu"
                    lay-filter="layadmin-system-side-menu">
                    {foreach name="menus" item="vo"}
                    <li data-name="user" class="layui-nav-item">
                        <a href="javascript:;" lay-tips="{$vo.title}" lay-direction="2">
                            <i class="layui-icon {$vo.css?$vo.css:'layui-icon-component'}"></i>
                            <cite>{$vo.title}</cite>
                        </a>
                        <dl class="layui-nav-child">
                            {if isset($vo.child)}
                            {foreach name="$vo.child" item="son"}
                            <dd>
                                <a lay-href="{$son.href}{$son.param}">{$son.title}</a>
                            </dd>
                            {/foreach}
                            {/if}

                        </dl>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>

        <!-- 页面标签 -->
        <div class="layadmin-pagetabs" id="LAY_app_tabs">
            <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-down">
                <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;"></a>
                        <dl class="layui-nav-child layui-anim-fadein">
                            <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                            <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                            <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
                <ul class="layui-tab-title" id="LAY_app_tabsheader">
                    <li lay-id="home/console.html" lay-attr="home/console.html" class="layui-this"><i
                            class="layui-icon layui-icon-home"></i></li>
                </ul>
            </div>
        </div>


        <!-- 主体内容 -->
        <div class="layui-body" id="LAY_app_body">
            <div class="layadmin-tabsbody-item layui-show">
                <iframe src="{:url('welcome')}" frameborder="0" class="layadmin-iframe"></iframe>
            </div>
        </div>

        <!-- 辅助元素，一般用于移动设备下遮罩 -->
        <div class="layadmin-body-shade" layadmin-event="shade"></div>
    </div>
</div>
{include file="public/footer" /}
</body>
<script>

    function noticeCount() {
        $.ajax({
            type: 'GET',
            url: '{:url("notice/noticeCount")}',
            dataType: "json",
            success: function (data) {
                $(".noticeCount").text(data.result);
            }
        });
    }
</script>
</html>


